import Vue from 'vue'
import VueRouter from 'vue-router'

// 引入组件
import Home from '../layout/Home'

// 引入商品管理的所有页面
import Goods from '../views/Goods'
import GoodsList from '../views/Goods/GoodsList'
import GoodsEdit from '../views/Goods/GoodsEdit'

// 使用插件
Vue.use(VueRouter)

// 声明路由的配置(route 代表路由，router代表路由器)
const routes = [
  {
    path: '/',
    // 本应该默认跳转（重定向）到首页 dashboard，方便理解，先去商品
    redirect: '/goods',
    component: Home,
    children: [
      // {
      //   path: '/dashboard'
      // },
      // 商品管理的路径
      {
        path: '/goods',
        redirect: '/goods/list',
        component: Goods,
        children: [
          // 商品展示
          {
            // 给当前的路由命名，不需要加斜线
            name: 'peiqi',
            // 写成这样，代表跳转路径需要给当前组件传输数据
            path: '/goods/list',
            component: GoodsList
          },
          // 商品编辑
          {
            name: 'qiaozhi',
            path: '/goods/edit',
            component: GoodsEdit
          }
        ]
      },

      // 订单管理
      {
        path: '/orders'
      }
    ]
  }
]

// 导出实例
export default new VueRouter({
  routes
})
